<template>
  <view class="tab-item apply">
    <view class="u-cell-group">
      <u-cell-item title="申请职位：" :value="info.intendedPosition" :arrow="false" hover-class="none" />
      <u-cell-item title="邀约人：" :value="info.principal" :arrow="false" hover-class="none" />
      <u-cell-item title="期望薪资：" :value="info.salaryExpectation" :arrow="false" hover-class="none" class="u-last"  />
    </view>
    <view class="title">基本资料</view>
    <view class="u-cell-group">
      <u-cell-item title="姓名：" :value="info.name" :arrow="false" hover-class="none" />
      <u-cell-item title="性别：" :value="info.sex" :arrow="false" hover-class="none" />
      <u-cell-item title="出生日期：" :value="info.birthDay" :arrow="false" hover-class="none" />
      <u-cell-item title="政治面貌：" :value="info.politicalStatus" :arrow="false" hover-class="none" />
      <u-cell-item title="籍贯：" :value="info.nativePlace" :arrow="false" hover-class="none" />
      <u-cell-item title="民族：" :value="info.nationality" :arrow="false" hover-class="none" />
      <u-cell-item title="身份证号：" :value="info.idNumber" :arrow="false" hover-class="none" />
      <u-cell-item title="婚姻状况：" :value="info.maritalStatus" :arrow="false" hover-class="none" />
      <u-cell-item title="血型：" :value="info.bloodType" :arrow="false" hover-class="none" />
      <u-cell-item
        title="是否患过重大疾病："
        :value="`${info.sufferMajorDiseases == 1 ? `是${info.sufferedMajorDiseases}` : '否'}`"
        :arrow="false"
        hover-class="none"
      />
      <u-cell-item
        title="户籍地址："
        :value="`${info.domicileRegion} ${info.domicileAddress}`"
        :arrow="false"
        hover-class="none"
      />
      <u-cell-item
        title="现居地址："
        :value="`${info.region} ${info.address}`"
        :arrow="false"
        hover-class="none"
      />
      <u-cell-item title="手机号码：" :value="info.tel" :arrow="false" hover-class="none" />
      <u-cell-item title="电子邮箱：" :value="info.email" :arrow="false" hover-class="none" />
      <u-cell-item title="最高学历：" :value="info.highestEducation" :arrow="false" hover-class="none" />
      <u-cell-item
        title="是否内部员工推荐："
        :value="`${info.recommend == 1 ? `是 ${info.recommendName}` : '否'}`"
        :arrow="false"
        hover-class="none"
        class="u-last"
      />
    </view>
  </view>
</template>

<script>
export default {
  props: {
    info: {
      type: Object,
      default: () => ({})
    }
  },
  data() {
    return {};
  }
};
</script>

<style lang="scss" scoped>
.tab-item {
  margin-top: 32rpx;
  margin: 32rpx;
  .title {
    margin: 40rpx 32rpx 16rpx 0;
    font-size: 16px;
    color: #000;
  }
}
.u-cell-group {
  background-color: #fff;
  padding: 8rpx 32rpx;
  margin-bottom: 32rpx;
  border-radius: 10rpx;
  box-shadow: 0 6rpx 10rpx 0 rgba(10,33,89,0.1);
}
</style>